@charset "UTF-8";

.jd-index-header {
    position: relative;
    background: #efefef url("https://st.360buyimg.com/order/misc/skin/i/header-bg.png?v=2") repeat-x 0 0;
    background-size: 100% 44px;
    min-height: 44px;
    border-bottom: 1px solid #bfbfbf;
    border-width: 0 0 1px 0
}

.jd-index-header-icon-back {
    position: absolute;
    width: 40px;
    height: 44px
}

.jd-index-header-icon-back span {
    width: 20px;
    height: 20px;
    background-position: -20px 0;
    margin: 12px 0 0 10px;
    text-indent: -100px;
    overflow: hidden;
    display: block;
    background: url("https://st.360buyimg.com/order/misc/skin/i/jd-sprites.png?v=12") no-repeat -20px top;
    background-size: 200px 200px
}

.jd-index-header-title {
    margin: 0 50px;
    text-align: center;
    height: 44px;
    line-height: 44px;
    font-size: 16px;
    color: #252525
}

.jd-index-header-option {
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    height: 44px;
    line-height: 44px;
    overflow: hidden
}

.jd-index-header-option span {
    width: 20px;
    height: 20px;
    cursor: pointer;
    font-size: 14px;
    color: #848689
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font-family: PingFangSC-Regular,Helvetica,"Droid Sans",Arial,sans-serif;
    vertical-align: baseline;
    font: inherit
}

article,aside,details,figcaption,figure,footer,header,menu,nav,section {
    display: block
}

body {
    line-height: 1
}

ol,ul {
    list-style: none
}

blockquote,q {
    quotes: none
}

blockquote:before,blockquote:after,q:before,q:after {
    content: '';
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

* {
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

html,body {
    width: 100%
}

html {
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: 100%
}

a,button,input {
    outline: 0 none;
    text-decoration: none
}

img {
    border: 0 none;
    vertical-align: bottom;
    -ms-interpolation-mode: bicubic
}

.hide {
    display: none
}

.fr {
    float: right
}

.fl {
    float: left
}

.common-wrapper {
    width: 100%;
    max-width: 640px;
    min-width: 320px;
    overflow: hidden;
    margin: 0 auto;
    font-size: 16px
}

input[type=text],textarea {
    -webkit-appearance: none
}

input:focus {
    -webkit-user-modify: read-write-plaintext-only
}

a {
    color: transparent;
    text-decoration: none
}

.confirm .mc {
    margin: 30px 0 0;
    text-align: center;
    color: #3c3c3c
}

body {
    background: #f0f2f5;
    color: #252525
}

.bg02 {
    background: #f8f8f8
}

.clr {
    clear: both
}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
    color: #d7d7d7
}

input:-moz-placeholder,textarea:-moz-placeholder {
    color: #d7d7d7
}

input::-moz-placeholder,textarea::-moz-placeholder {
    color: #d7d7d7
}

input:-ms-input-placeholder,textarea:-ms-input-placeholder {
    color: #d7d7d7
}

.checkout {
    padding-bottom: 3.125em
}

a.s-href {
    display: block;
    width: 100%;
    height: 100%;
    color: transparent;
    text-decoration: none
}

a.s-href:link,a.s-href:visited,a.s-href:hover,a.s-href:active {
    color: transparent;
    text-decoration: none
}

.s-point {
    position: absolute;
    right: .625em;
    top: 50%;
    width: .5625em;
    height: 1em;
    margin-top: -0.5em;
    background: url() no-repeat;background-size: .5625em 1em
}

.s-item {
    position: relative;
    padding: 18px 28px 18px 0;
    line-height: 1.2em;
    overflow: hidden
}

.s-item .mt_new {
    font-size: 14px;
    color: #232326
}

.s-item .mc {
    font-size: 14px;
    color: #686868
}

.s-item .sitem-l {
    float: left
}

.s-item .sitem-m {
    float: left
}

.s-item .sitem-r {
    float: right;
    position: relative
}

.s-item .sattr {
    float: left;
    color: #666
}

.s-item .svalue {
    float: left;
    color: #222
}

.switch {
    right: .625em;
    top: 50%;
    margin-top: -1.078125em;
    background: url("https://st.360buyimg.com/order/images/order/check-sprites-5.png") no-repeat;
    position: absolute;
    background-position: 0 -60px;
    background-size: 100px 100px;
    width: 55px;
    height: 35px
}

.switched {
    background: url("https://st.360buyimg.com/order/images/order/check-sprites-5.png") no-repeat;
    background-size: 3.5em;
    background-position: 0 -21px;
    background-size: 100px 100px;
    width: 55px;
    height: 32px
}

.pad52 {
    padding-bottom: 52px
}

.sitem-tip {
    padding: .2em .6em;
    background: #f23030;
    color: #fff;
    font-size: .875em;
    font-style: normal
}

.pay-btn {
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: #f0f2f5;
    position: fixed;
    bottom: 0;
    width: 100%;
    max-width: 640px;
    z-index: 6
}

.pay-btn .plus {
    margin-right: 6px;
    font-style: normal
}

.btn1 {
    width: 47.81%;
    background: #f23030;
    color: #fff;
    display: inline-block;
    border-radius: 2px;
    height: 33px;
    line-height: 33px;
    text-align: center;
    font-size: 15px
}

.btn1:active {
    background: #ce2525
}

.tip-ok {
    font-size: 15px
}

.bar-btn02 {
    padding: 1.625em 7.8125%
}

.btn2 {
    float: left;
    width: 45%;
    border: 1px solid #e0e0e0;
    background: #fff;
    border-radius: 2px;
    height: 2.5em;
    line-height: 2.5em;
    color: #686868;
    text-align: center;
    font-size: 15px
}

.ctn02 {
    float: right;
    color: #fff;
    background: #f35656;
    border: 1px solid #f35656
}

.btn3,.w80 {
    padding: 0 1em;
    font-size: 12px;
    color: #686868;
    border-radius: 2px;
    height: 30px;
    line-height: 30px;
    position: relative;
    box-sizing: border-box
}

.btn3:before {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    border: 1px solid #bfbfbf;
    width: 200%;
    height: 200%;
    transform: scale(0.5,0.5);
    -webkit-transform: scale(0.5,0.5);
    transform-origin: left top;
    -webkit-transform-origin: left top;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 8px;
    -webkit-border-radius: 8px
}

.btn3-ch,.w80 {
    color: #f23030;
    padding: 0 10px 0 23px;
    background: url("https://st.360buyimg.com/order/misc/skin/i/seicon.png") no-repeat 10px 1em;
    background-size: 10px 7px;
    height: 30px;
    line-height: 30px
}

.btn3-ch:before {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    border: 1px solid #f15353;
    width: 200%;
    height: 200%;
    transform: scale(0.5,0.5);
    -webkit-transform: scale(0.5,0.5);
    transform-origin: left top;
    -webkit-transform-origin: left top;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 8px;
    -webkit-border-radius: 8px
}

.w80 {
    width: 81px;
    text-align: center;
    background: url("https://st.360buyimg.com/order/misc/skin/i/seicon.png") no-repeat 10px 1em;
    background-size: 10px 7px
}

.btn3-no {
    background: #eee;
    color: #cecece;
    border: 1px solid #f0f0f0
}

.btn3-no:before {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    border: 1px solid #f0f0f0;
    width: 200%;
    height: 200%;
    transform: scale(0.5,0.5);
    -webkit-transform: scale(0.5,0.5);
    transform-origin: left top;
    -webkit-transform-origin: left top;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 8px;
    -webkit-border-radius: 8px
}

.btn4 {
    width: 60.625%;
    background: #f15353;
    color: #fff;
    display: inline-block;
    border-radius: 3px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 15px
}

.btn4:active {
    background: #a83a3a
}

.border-1px {
    position: relative
}

.border-1px:before,.border-1px:after {
    border-top: 1px solid #e0e0e0;
    content: ' ';
    display: block;
    width: 100%;
    position: absolute;
    left: 0
}

.border-1px:before {
    top: 0
}

.border-1px:after {
    bottom: 0
}

.bdb-1px {
    position: relative
}

.bdb-1px:after {
    border-top: 1px solid #e0e0e0;
    content: ' ';
    display: block;
    width: 100%;
    position: absolute;
    right: 0
}

.bdb-1px:after {
    bottom: 0
}

@media(-webkit-min-device-pixel-ratio:1.5),(min-device-pixel-ratio:1.5) {
    .border-1px::after,.border-1px::before {
        -webkit-transform: scaleY(0.7);
        -webkit-transform-origin: 0 0;
        transform: scaleY(0.7)
    }

    .border-1px::after {
        -webkit-transform-origin: left bottom
    }
}

@media(-webkit-min-device-pixel-ratio:2),(min-device-pixel-ratio:2) {
    .border-1px::after,.border-1px::before {
        -webkit-transform: scaleY(0.5);
        transform: scaleY(0.5)
    }
}

@media(-webkit-min-device-pixel-ratio:1.5),(min-device-pixel-ratio:1.5) {
    .bdb-1px::after,.bdb-1px::before {
        -webkit-transform: scaleY(0.7);
        -webkit-transform-origin: 0 0;
        transform: scaleY(0.7)
    }

    .bdb-1px::after {
        -webkit-transform-origin: left bottom
    }
}

@media(-webkit-min-device-pixel-ratio:2),(min-device-pixel-ratio:2) {
    .bdb-1px::after,.bdb-1px::before {
        -webkit-transform: scaleY(0.5);
        transform: scaleY(0.5)
    }
}

.btn-bar {
    height: 52px;
    background: #eaedf1;
    position: fixed;
    bottom: 0;
    width: 100%;
    max-width: 640px;
    padding: 0 10px
}

.btn-bar a {
    width: 74px;
    height: 34px;
    padding: 10px 0;
    background: #fff;
    border: 1px solid #bfbfbf;
    text-align: center;
    display: inline-block;
    margin-top: 8px;
    border-radius: 3px;
    font-size: 13px;
    float: right;
    margin-left: 10px;
    color: #686868
}

.btn-bar .bb-btn02 {
    background: #f15353;
    border: 1px solid #f15353;
    color: #fff
}

.pic-ch,.pic-ched {
    width: 18px;
    height: 18px;
    background: url() no-repeat;background-size: 18px 18px;
    display: block;
    float: left
}

.pic-ched {
    background: url("https://st.360buyimg.com/order/misc/skin/i/changedred.png") no-repeat;
    background-size: 18px 18px
}

.popup-w {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.75);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8;
    display: none
}

.confirm-w {
    position: absolute;
    width: 100%;
    display: none;
    z-index: 10;
    left: 0
}

.confirm-w .confirm {
    width: 85%;
    background: #f8f8f8;
    padding: 1.75em 4.4% 2.6em;
    text-align: center;
    margin: 0 auto;
    border-radius: 6px;
    max-width: 640px;
    font-size: .875em
}

.confirm-w .confirm .confirm-txt {
    padding-bottom: 22px;
    font-size: 1.214285714285714em;
    color: #4d4d4d;
    line-height: 20px
}

.confirm-w .confirm .confirm-btn {
    padding: 1em 0
}

.verify-w {
    position: relative;
    width: 100%;
    display: none;
    z-index: 10
}

.verify-w .verify {
    width: 62%;
    color: #fff;
    background: rgba(0,0,0,0.8);
    margin: 0 auto;
    max-width: 100%;
    margin-top: 3em;
    text-align: center;
    padding: 1em;
    font-size: .875em;
    border-radius: 3px;
    line-height: 1.4em
}

.delok-w {
    position: absolute;
    width: 100%;
    top: 10px;
    display: none;
    z-index: 10;
    left: 0;
    font-size: 15px
}

.delok-w .delok {
    width: 50%;
    height: 6.25em;
    background: rgba(0,0,0,0.9);
    margin: 0 auto;
    border-radius: 6px;
    max-width: 320px;
    color: #fff;
    text-align: center;
    padding: 1.1875em 0
}

.delok-w .delok .mt_new {
    width: 30px;
    height: 30px;
    margin: 0 auto;
    background: url() no-repeat;background-size: 30px 30px
}

.delok-w .delok .mc {
    padding-top: .625em
}

.tip-w {
    position: absolute;
    width: 100%;
    top: 10px;
    display: none;
    z-index: 10;
    left: 0
}

.tip-w .tip {
    background: #f8f8f8;
    width: 85%;
    margin: 0 auto;
    border-radius: 3px;
    text-align: center;
    padding: 1.75em 4.4% 0;
    max-width: 640px
}

.tip-w .tip .mt_new {
    padding-bottom: 1.6875em;
    line-height: 1.4em;
    font-size: 1.0625em
}

.tip-w .tip .mc {
    padding: 1em 0
}

.sitem-pad {
    padding-left: 10px;
    padding-right: .5625em
}

.w65 {
    width: 70%
}

.step1 {
    width: 100%;
    position: relative;
    top: 0;
    background-color: #fff;
    padding: 14px 13px 12px 10px
}

.step1 .step1-in-con {
    padding-right: 10px;
    padding-left: 23px
}

.step1 .s1-borderT {
    position: absolute;
    top: 1px;
    left: 0;
    height: 3px;
    width: 100%;
    background: url() repeat-x;background-size: 64px 3px
}

.step1 .s1-borderB {
    position: absolute;
    bottom: 1px;
    left: 0;
    height: 3px;
    width: 100%;
    background: url("https://st.360buyimg.com/order/images/order/location-border.png") repeat-x;
    background-size: 80px 4px
}

.step1 .add-address {
    font-size: .875em;
    color: #252525;
    height: 3.8em;
    line-height: 3.8em;
    text-align: center
}

.step1 .add-address a {
    color: #3b3b3b
}

.step1 .cross {
    width: .75em;
    height: .75em;
    background: url() no-repeat;background-size: .75em .75em;
    display: inline-block;
    margin-right: .375em
}

.step1 .step1-in .mt_new {
    padding: 0 0 10px 0;
    overflow: hidden;
    color: #252525
}

.step1 .step1-in .mc {
    font-size: 14px;
    color: #232326;
    line-height: 22px;
    position: relative
}

.step1 .s1-name {
    float: left;
    font-size: 1em;
    color: #252525;
    font-weight: bold;
    margin-left: 23px
}

.step1 .s1-phone {
    float: left;
    font-size: 1em;
    font-weight: bold;
    margin-left: 23px
}

.step2,.step3,.step4,.step5 {
    overflow: hidden;
    background-color: #fff;
    padding-left: 12px
}

.step-w {
    padding-bottom: 1px
}

.step3 .sitem-l {
    width: 60px;
    padding-right: 2.5%;
    float: left;
    text-align: center
}

.step3 .sitem-l .sl-img {
    width: 3.125em;
    height: 3.125em;
    float: left;
    margin-right: 7px
}

.step3 .sitem-l .sl-img img {
    max-width: 100%
}

.step3 .sitem-m {
    float: left;
    width: 9.825em;
    padding-right: .6em;
    width: 53.125%;
    font-size: .875em;
    color: #232326
}

.step3 .sitem-m .sitem-m-txt {
    height: 2.525em;
    overflow: hidden
}

.step3 .sitem-r {
    float: right;
    color: #f23030;
    padding-top: 1.25em;
    font-size: 14px
}

.step3-more .sitem-l {
    width: 68.4375%;
    overflow: hidden;
    height: 50px
}

.step3-more .sitem-m {
    width: 12%;
    height: 1em;
    background: url() no-repeat center top;background-size: 22px 4px;
    margin-top: 1.6em
}

.step3-more .sitem-r {
    padding-top: 1.1em;
    color: #252525
}

.step4 .sitem-l {
    float: left;
    font-size: 15px;
    color: #262629
}

.step4 .sitem-r {
    float: right;
    font-size: 14px;
    color: #252525
}

.step4 .sitem-num {
    color: #f23030
}

.step4 .sitem-m {
    float: left;
    color: #262629;
    font-size: 15px;
    padding-right: 34px
}

.step4 .sitem-m span {
    color: #232326;
    font-size: 14px;
    margin-right: 55px
}

.step5 {
    padding: .2em 0 .2em .5625em
}

.step5 .s-item {
    padding: .4em .625em .4em 0
}

.step5 .sitem-l {
    float: left;
    font-size: 15px;
    color: #262629
}

.step5 .sitem-r {
    float: right;
    font-size: 14px;
    color: #f23030
}

.pay-bar {
    background-color: #fff;
    height: 3.125em;
    width: 100%;
    max-width: 640px;
    position: fixed;
    bottom: 0;
    color: #f23030
}

.pay-bar .payb-con {
    float: left;
    font-size: 14px;
    text-align: right;
    width: 62.5%;
    line-height: 3.9em;
    padding-right: 13px
}

.pay-bar .payb-con span {
    font-size: 14px
}

.pay-bar .payb-btn {
    font-size: 1.125em;
    float: right;
    width: 37.5%;
    background: #f23030;
    line-height: 2.777777777777778em;
    color: #fff;
    text-align: center
}

.pay-bar .payb-btninvalid {
    font-size: 18px;
    float: right;
    width: 37.5%;
    background: #f0f0f0;
    line-height: 2.777777777777778em;
    color: #bfbfbf;
    text-align: center
}

.address {
    padding-bottom: 3.1em
}

.item-addr {
    padding: .75em 10px;
    overflow: hidden
}

.item-addr .ia-l {
    height: .875em;
    float: left;
    background: url("https://st.360buyimg.com/order/misc/skin/i/Selected.png") no-repeat;
    background-size: 1.25em;
    margin: 1.475em 0 0 0;
    width: 30px
}

.item-addr .ia-m {
    float: left;
    width: 86.125%
}

.item-addr .ia-m .mt_new {
    color: #222
}

.item-addr .ia-m .sitem-tip {
    margin: 0 1em .4em 0
}

.item-addr .ia-m p {
    float: left;
    color: #666;
    font-size: .8125em;
    line-height: 1.6em;
    padding-top: .6em
}

.item-addr .ia-m78 {
    width: 76.125%
}

.item-addr .ia-r {
    float: right;
    border-left: 1px solid #e3e3e3;
    padding: 0 0 0 5px;
    display: inline-block;
    height: 2.125em;
    margin-top: .725em;
    width: 10.875%;
    text-align: center
}

.item-addr .ia-r .iar-icon {
    display: inline-block;
    width: 1.1875em;
    height: 1.1875em;
    margin-top: .6em;
    background: url() no-repeat;background-size: 1.1875em
}

.address02 .sattr {
    font-size: .875em;
    line-height: 1.6em
}

.address02 .svalue {
    font-size: .875em
}

.address02 .svalue .grey {
    color: #252525;
    line-height: 1.6em
}

.address02 .svalue input {
    border: 0;
    width: 120%;
    height: 1.5em;
    font-size: 1em;
    padding-left: 0;
    color: #222;
    background-color: white
}

.address02 .svalue .textauto {
    border: 0;
    background: #f8f8f8;
    height: 1.5em;
    outline: 0;
    width: 120%;
    padding-left: 0;
    font-size: 1em;
    line-height: 20px
}

.p-way {
    padding: .75em 0 0 0;
    background-color: #fff
}

.p-way-txt {
    font-size: 0;
    margin: 3px 0 15px 15px
}

.p-way h2 {
    font-size: 14px;
    color: #686868;
    display: inline-block
}

.p-way-txt .p-t-pic {
    width: 19px;
    height: 14px;
    display: inline-block;
    margin-right: 5px;
    vertical-align: top
}

.p-way-txt .w15 {
    width: 15px
}

.p-t-pic img {
    width: 100%;
    height: 100%
}

.p-way .m {
    padding-bottom: 15px;
    padding-left: 10px
}

.p-way .mc {
    overflow: hidden;
    padding-bottom: 15px
}

.p-way .pw-img {
    width: 3.125em;
    height: 3.125em;
    margin: .625em 0;
    float: left;
    margin-right: 5.625%
}

.p-way .pw-img img {
    max-width: 100%
}

.p-way .mb {
    clear: both;
    overflow: hidden
}

.p-way .mb a {
    float: left;
    margin-right: 3.59375%
}

.p-way p {
    color: #999;
    font-size: .75em;
    padding-top: .6875em
}

.s-way {
    margin-top: .6875em
}

.s-way .sw-time {
    overflow: hidden
}

.s-way .sw-time-in {
    padding: .875em 0 .875em .625em;
    overflow: hidden
}

.s-way .sw-time-in dt {
    font-size: 14px;
    color: #232326;
    padding-bottom: 1px
}

.s-way .sw-time-in dd {
    font-size: 12px;
    color: #232326;
    line-height: 1.4em
}

.s-way .swt-l {
    float: left;
    width: 97%
}

.s-way .swt-pic {
    background: url("https://st.360buyimg.com/order/misc/skin/i/ricon.png") no-repeat right;
    background-size: 24px 22px
}

.s-way .swt-r {
    float: right;
    width: 1.25em;
    height: 1.25em;
    background: url() no-repeat;background-size: 1.25em 1.25em;
    margin-right: 1.25em;
    margin-top: .4em
}

.p-way-wrap {
    padding-bottom: 4em
}

.receipt {
    padding-bottom: 4em
}

.receipt .m {
    margin-bottom: 10px;
    background-color: #fff;
    padding: 12px 0 14px 0
}

.receipt .distanceh {
    padding: 12px 0 0 0
}

.receipt .mt_new {
    overflow: hidden;
    padding: 0 0 11px 10px
}

.receipt .mt_new h2 {
    float: left;
    font-size: 14px;
    color: #232326
}

.receipt .mt_new .color68 {
    color: #686868
}

.receipt .mt_new span {
    float: left;
    color: #999;
    font-size: 12px;
    padding: 2px 0 0 10px
}

.receipt .mc {
    clear: both;
    padding-left: 10px
}

.receipt .mc a {
    float: left;
    margin-right: 4%
}

.re-head .inputbox-w {
    position: relative;
    width: 97.5%
}

.re-head .reh-txt {
    border: 0;
    border-radius: 3px;
    padding: 8px 0 8px 10px;
    height: 35px;
    width: 100%;
    color: #232326;
    font-size: 13px;
    background: #f0f2f5
}

.re-head input::-webkit-input-placeholder,.re-head textarea::-webkit-input-placeholder {
    color: #999
}

.re-head input:-moz-placeholder,.re-head textarea:-moz-placeholder {
    color: #999
}

.re-head input::-moz-placeholder,.re-head textarea::-moz-placeholder {
    color: #999
}

.re-head input:-ms-input-placeholder,.re-head textarea:-ms-input-placeholder {
    color: #999
}

.re-head .inputbox {
    display: none;
    position: absolute;
    z-index: 10;
    left: 0;
    top: 35px;
    width: 100%;
    padding-left: 10px;
    font-size: 14px;
    color: #686868
}

.re-head .inputbox ul {
    background: #f0f2f5;
    overflow: hidden
}

.re-head .inputbox ul li {
    height: 35px;
    padding-left: 10px;
    line-height: 35px;
    border-top: 1px solid #e0e0e0
}

.re-con dl {
    padding: 12px 0;
    font-size: 14px
}

.re-con dt {
    padding-bottom: 6px;
    color: #686868
}

.re-con dd {
    overflow: hidden;
    color: #999;
    padding: 6px 0;
    padding-left: 10px
}

.re-con dd span {
    margin: 2px 0 0 10px;
    float: left
}

.receipt .re-con {
    padding-bottom: 0
}

.re-tip ul {
    padding: 5px 10px 5px;
    font-size: 13px;
    color: #686868
}

.re-tip ul li {
    padding: 4px 0;
    line-height: 16px
}

.re-info .ri-w {
    width: 100%;
    padding: 5px 0;
    overflow: hidden;
    font-size: 13px
}

.re-info .ri-left {
    float: left;
    padding-top: 11px;
    color: #686868;
    width: 72px
}

.re-info .ri-left span {
    width: 10px;
    display: inline-block
}

.re-info .ri-right {
    float: left;
    width: 75%;
    height: 35px;
    line-height: 35px;
    color: #252525
}

.re-info .ri-right input {
    width: 100%;
    position: relative;
    background-color: #fff;
    border: 0;
    font-size: 13px;
    padding: 6px 0 6px 10px;
    padding-left: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 13px;
    color: #252525
}

.re-add .mc {
    font-size: 13px;
    color: #686868;
    line-height: 16px;
    margin-top: -4px
}

.re-add .mb {
    color: #f15353;
    font-size: 12px;
    padding: 6px 0 0 10px
}

.re-add ul {
    padding-left: 10px;
    clear: both;
    font-size: 12px;
    color: #686868;
    padding-top: 6px
}

.re-add ul li {
    padding: 6px 0;
    line-height: 16px
}

.re-add ul span {
    color: #252525
}

.o-step {
    margin-bottom: 10px;
    background: #fff;
    padding: 3px 0 0 10px
}

.o-step dl {
    overflow: hidden;
    padding: 12px 0
}

.o-step dt {
    float: left;
    font-size: 14px;
    padding-right: 13px
}

.o-step dd {
    float: left;
    font-size: 13px;
    color: #686868
}

.o-step dd.red {
    color: #f15353
}

.o-step .os-btn {
    text-align: center;
    padding: 10px 0
}

.os-tip {
    padding: 5px 10px 15px;
    color: #686868;
    font-size: 13px;
    line-height: 16px
}

.os-tip i {
    float: left;
    width: 3px;
    height: 3px;
    background: url() no-repeat;background-size: 3px 3px;
    margin-top: 6px;
    margin-right: 8px
}

.o-continue {
    background: #fff;
    padding: 15px 0;
    margin-bottom: 10px
}

.o-continue .mt_new {
    font-size: 14px;
    color: #686868;
    padding-left: 10px;
    padding-bottom: 16px
}

.o-continue .mc {
    overflow: hidden;
    padding: 0 12px
}

.o-continue .oc-item {
    float: left;
    width: 33.3333333333333333333333333%;
    text-align: center
}

.o-continue .oc-item a {
    font-size: 13px;
    color: #999
}

.o-continue .oc-item .oco01,.o-continue .oc-item .oco02,.o-continue .oc-item .oco03 {
    width: 34px;
    height: 34px;
    display: inline-block;
    background: url() no-repeat;background-size: 34px 34px;
    margin-bottom: 5px
}

.o-continue .oc-item .oco02 {
    background: url() no-repeat;background-size: 34px 34px
}

.o-continue .oc-item .oco03 {
    background: url() no-repeat;background-size: 34px 34px
}

.pay-password .mt_new {
    padding-bottom: 16px
}

.pay-password p {
    font-size: 12px;
    color: #999;
    padding-bottom: 6px;
    text-align: left
}

.pay-password .pp-red {
    color: #f15353;
    display: none
}

.pay-password input {
    width: 100%;
    border: 1px solid #d7d7d7;
    padding: 8px 10px;
    border-radius: 3px;
    background: #fff;
    box-shadow: none;
    -webkit-appearance: none;
    font-size: 14px
}

.pay-password a {
    float: right;
    padding-top: 8px;
    font-size: 12px;
    color: #999;
    text-decoration: underline
}

.pay-password .input-w {
    position: relative
}

.pay-password span {
    display: none;
    width: 15px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 14px;
    background: url() no-repeat left center;background-size: 15px 15px;
    cursor: pointer
}

.confirm-btn a.pass-no {
    background: #f0f0f0;
    color: #bbb;
    border: 1px solid #f0f0f0
}

.pp-shake {
    -webkit-animation: shake .7s .3s ease-out both;
    -moz-animation: shake .7s .3s ease-out both
}


.goods-no dl {
    overflow: hidden;
    padding-top: 26px
}

.goods-no dt {
    float: left;
    width: 33%
}

.goods-no dt span {
    width: 50px;
    height: 50px;
    border: 1px solid #e7e7e7;
    display: inline-block;
    overflow: hidden
}

.goods-no dd {
    float: left;
    font-size: 13px;
    width: 58%;
    height: 37px;
    overflow: hidden
}

.s-list {
    margin: 0;
    background: 0
}

.s-list .s-item {
    padding: 15px 0 12px 0
}

.s-list .sitem-r {
    padding-right: 10px
}

.sid-bdt {
    border: 1px solid #e1e1e1
}

.s-list .sitem-m i {
    background: #e9321f;
    font-size: 12px;
    color: #fff;
    text-align: center;
    border-radius: 3px;
    display: inline-block;
    margin-right: 4px;
    height: 18px;
    padding: 0 6px 0;
    line-height: 18px
}

.s-list .sitem-l .sl-img {
    width: 60px;
    height: 60px
}

.s-list .sitem-l {
    width: 70px
}

.s-list .sitem-m .sitem-m-txt {
    margin-bottom: 9px
}

.s-list .sitem-r {
    padding-top: 21px
}

.s-list .sitem-m .sitem-m-txt {
    height: 36px
}

.coupon-tab {
    height: 44px;
    line-height: 44px;
    background: #fff
}

.coupon-tab li {
    float: left;
    width: 50%;
    height: 100%;
    text-align: center;
    display: table;
    position: relative
}

.coupon-tab li a {
    display: table-cell;
    width: 100%;
    margin-left: -1px;
    color: #9a9a9a;
    font-size: 13px
}

.coupon-tab li a:before {
    content: "";
    display: block;
    height: 15px;
    width: 1px;
    position: absolute;
    background: #e2e2e2;
    left: -1px;
    top: 50%;
    margin-top: -7px
}

.coupon-tab .curr a {
    color: #f23030
}

.coupon-tab .curr a:after {
    position: absolute;
    content: "";
    width: 80px;
    height: 1px;
    background: #f23030;
    bottom: 1px;
    left: 50%;
    margin-left: -43px
}

.cou-tip,.cou-tip02 {
    width: 48px;
    height: 21px;
    color: #fff;
    text-align: center;
    margin: 10px 0;
    padding: 4px 0;
    font-size: 14px;
    background: #f24b48 url() no-repeat top right;background-size: 4px 21px
}

.cou-tip02 {
    background: #44a0f5 url() no-repeat top right;background-size: 4px 22px
}

.cou-item {
    padding: 14px 10px 15px;
    background: #fff;
    overflow: hidden;
    margin-top: 10px
}

.cou-item .ci-left {
    float: left;
    width: 34px
}

.cou-item .ci-right {
    float: left
}

.ci-right.coupon-unit-right {
    margin-left: 34px;
    float: none !important
}

.cou-item .ci-right h4 {
    font-size: 14px;
    padding-bottom: 2px
}

.cou-item .ci-right p {
    font-size: 13px;
    color: #686868;
    padding-top: 10px
}

.cou-explain {
    font-size: 13px;
    color: #686868;
    padding: 15px 0 67px 10px
}

.cou-explain ul li {
    overflow: hidden;
    line-height: 16px;
    padding-bottom: 2px
}

.cou-explain i {
    float: left;
    width: 3px;
    height: 3px;
    background: url() no-repeat;background-size: 3px 3px;
    margin-top: 6px;
    margin-right: 8px
}

.cou-explain span {
    float: left;
    width: 90%
}

.re-tip i {
    float: left;
    width: 3px;
    height: 3px;
    background: url() no-repeat;background-size: 3px 3px;
    margin-top: 6px;
    margin-right: 8px
}

.cou-info {
    font-size: 12px;
    color: #686868;
    background: #fffaf3;
    padding: 7px 0;
    text-align: center
}

.cou-bind {
    padding: 15px 10px
}

.cou-bind .mt_new {
    font-size: 14px
}

.cou-bind .coub-num {
    padding: 10px 0
}

.cou-bind .coub-num input {
    padding: 7px 10px;
    border: 1px solid #d7d7d7;
    border-radius: 3px;
    font-size: 15px;
    width: 100%
}

.cou-bind .coub-info input {
    padding: 7px 10px;
    border: 1px solid #d7d7d7;
    border-radius: 3px;
    font-size: 15px;
    width: 74%;
    float: left
}

.cou-bind .coub-info span {
    float: left;
    display: inline-block;
    width: 65px;
    height: 35px;
    padding-left: 6px
}

.no-coupon {
    padding-top: 90px;
    text-align: center
}

.no-coupon .nc-img {
    margin: 0 auto;
    width: 142px;
    height: 70px;
    background: url() no-repeat;background-size: 142px 70px
}

.no-coupon p {
    font-size: 18px;
    padding-top: 12px
}

.no-coupon span {
    display: block;
    color: #686868;
    font-size: 14px;
    padding-top: 6px
}

.s-way .sw-time-fast .swt-l {
    width: 86%
}

.s-way .sw-time-fast .swt-l dd {
    color: #686868;
    padding-top: 0
}

.stf-l {
    float: left;
    margin-right: 15px
}

.s-way .sw-time-in dd {
    padding-top: 5px
}

.s-way .sw-time-in dd strong {
    margin-right: 15px
}

.myswitch {
    margin-top: -16px;
    width: 60px;
    right: .625em;
    height: 40px;
    top: 50%;
    background: url("https://st.360buyimg.com/order/images/order/editAddress/new-address-pic.png") no-repeat;
    background-size: 200px 200px;
    background-position: -100px 0;
    position: absolute
}

.myswitched {
    margin-top: -16px;
    background: url("https://st.360buyimg.com/order/images/order/editAddress/new-address-pic.png") no-repeat;
    background-size: 200px 200px;
    background-position: 0 0
}

.sl-txt {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 17px;
    background: rgba(0,0,0,0.5);
    color: #fff;
    font-size: 12px
}

.sitem-l .sl-img {
    position: relative
}

.step1 .s1-phone {
    margin-left: 2.6em
}

.item-addr .ia-r {
    position: absolute;
    right: 3%;
    top: 50%;
    margin-top: 0;
    margin-top: -17px
}

.coub-txt-err {
    color: #f15353;
    font-size: 12px;
    padding-top: 4px
}

.coub-num-h {
    font-size: 12px;
    padding-top: 4px;
    color: #686868
}

.coub-num-txt {
    color: #f15353;
    font-size: 12px;
    padding-top: 4px
}

.cou-bind .coub-info input {
    width: 58%
}

.coub-info-b {
    line-height: 35px;
    padding-left: 10px;
    font-size: 15px
}

.cou-tip03 {
    background: #4bbe97 url() no-repeat top right;background-size: 4px 21px;
    width: 68px
}

.s-item.bdb-1px.jd-bean-msg {
    margin-left: -10px;
    padding-left: 10px;
    padding-right: 10px
}

.jd-bean-msg,.jdb-sel-num {
    background-color: #fff;
    height: 43px;
    margin-left: -10px;
    padding: 0 0 0 10px !important
}

.less-bean .sitem-r {
    display: none
}

.jd-bean-msg div {
    font-size: .8125em;
    color: #686868;
    height: 100%;
    line-height: 43px
}

.jdb-sel-num span {
    font-size: .8125em;
    color: #252525;
    float: left
}

.jdb-sel-num select {
    height: 29px;
    width: 78px;
    float: left;
    margin: 7px 8px;
    border-radius: 3px;
    padding-left: 8px;
    background-color: #fff;
    -webkit-appearance: none
}

.jdb-sel-num .bdb-1px {
    height: 100%
}

.jdb-sel-num span,.jdb-sel-num output {
    padding-top: 12px
}

.jdb-sel-num output {
    color: #f15353;
    font-size: .8125em;
    vertical-align: top;
    height: 19px;
    line-height: 19px;
    float: left
}

.mask {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .75;
    top: 0;
    left: 0
}

.pos-rel {
    position: relative;
    overflow: hidden;
    width: 94px;
    float: left
}

.pos-rel em.arrow-down {
    width: 17px;
    height: 17px;
    position: absolute;
    right: 10px;
    top: 12px;
    background: url("https://st.360buyimg.com/order/images/order/arrow_down.png") 0 6px no-repeat;
    background-size: 15px 9px;
    background-color: #fff;
    pointer-events: none
}

.change-co {
    background-color: #fffaf3
}

.tacitly-lable {
    padding: .2em .6em;
    background: #f15353;
    color: #fff;
    border-radius: 3px;
    font-size: 11px
}

.change-p1 {
    padding-top: 18px
}

.change-p1 .sl-img img {
    display: block
}

.change-p1 .change-h1 {
    height: 71px;
    padding-left: 0
}

.change-p1 .change-h1 p {
    font-size: 12px;
    display: block;
    height: 12px;
    color: #848689;
    width: 50px;
    text-align: center;
    margin-top: 6px
}

.step3 .change-p1 .sl-img {
    height: 71px
}

.step3-more .change-p1 .change-m1 {
    margin-top: 32px
}

.step3-more .change-p1 .change-m2 {
    margin-top: 25px;
    padding-top: 0
}

.change-p1 .change-h1 .no-goods {
    color: #bfbfbf
}

.change-p1 .change-h1 span {
    height: 50px;
    width: 50px;
    background-color: rgba(255,255,255,0.5);
    position: absolute;
    left: 0;
    top: 0
}

.change-p1 .change-h1 i {
    color: #fff;
    font-size: 11px;
    position: absolute;
    left: 0;
    top: 33px;
    background-color: rgba(0,0,0,0.6);
    height: 17px;
    width: 50px;
    text-align: center
}

.info-noteMsg {
    height: 33px;
    background-color: #fff6e8;
    font-size: 14px;
    line-height: 33px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 10px .2em .5625em;
    position: fixed;
    bottom: 50px;
    left: 0;
    width: 100%;
    display: none;
    color: #232326
}

.info-noteMsg:before,.info-noteMsg:after {
    border-top: 1px solid #f2ddbc !important
}

.step5 {
    margin-bottom: 83px !important
}

.pay-attention-address {
    display: block;
    font-size: 12px;
    color: #aaa
}

.s-item .change-fl {
    float: none
}

.s-item .change-wp {
    width: 88%
}

.s-item .change-po {
    float: left;
    width: 70%
}

.s-item .change-wid {
    width: 100%
}

.change-wid .change-po .change-sty {
    padding-top: 12px;
    vertical-align: middle;
    font-size: .875em;
    color: #000;
    font: inherit;
    resize: none;
    width: 100%;
    border: 1px solid transparent;
    outline: 0;
    overflow-y: hidden
}

.change-padd {
    padding-top: 0
}

.change-padding {
    padding-top: 12px
}

.message-icon {
    background: url("https://st.360buyimg.com/order/images/order/focus-icon.png") no-repeat;
    background-size: 100px 100px
}

.info-box {
    height: 30px;
    line-height: 30px;
    background: rgba(0,0,0,0.8);
    position: absolute;
    top: 44px;
    left: 0;
    width: 100%;
    display: none
}

.info-box .info-box-icon {
    float: left
}

.info-box .info-content-txt {
    color: white;
    font-size: 12px;
    display: block
}

.info-icon {
    display: inline-block;
    height: 17px;
    width: 17px;
    background-position: -50px 0;
    margin: 7px 5px 0 10px
}

.receipt-info {
    background-color: #fff;
    padding-top: 0;
    padding-bottom: 0
}

.receipt-info .s-item {
    padding-top: 0;
    padding-bottom: 0
}

.receipt-info .receipt-info-left {
    display: block;
    height: 66px;
    line-height: 66px;
    font-size: 15px;
    float: left;
    color: #262629;
    width: 60px
}

.receipt-info .s-item .re-info {
    text-align: right;
    margin-top: 10px
}

.receipt-info .s-item .re-info .re-info02 {
    color: #252525;
    line-height: 24px
}

.receipt-info .s-item .re-info .re-info01 {
    color: #232326;
    line-height: 24px
}

.info-noteMsg {
    height: 33px;
    background-color: #fff6e8;
    font-size: 14px;
    line-height: 33px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 10px .2em .5625em;
    position: fixed;
    bottom: 50px;
    left: 0;
    width: 100%;
    display: none
}

.info-noteMsg:before,.info-noteMsg:after {
    border-top: 1px solid #f2ddbc !important
}

.step5 {
    margin-bottom: 83px !important
}

.change-co {
    background-color: #fffaf3
}

.pay-deliver {
    padding-right: 10px;
    overflow: hidden
}

.pay-href {
    display: block;
    width: 100%;
    height: 100%
}

.pay-item {
    display: block;
    padding: 10px 18px 10px 0;
    position: relative
}

.potive {
    position: relative
}

.pay-item:after {
    clear: both;
    content: ".";
    height: 0;
    visibility: hidden;
    font-size: 0;
    display: block
}

.pay-deliver-title {
    font-size: 15px;
    line-height: 34px;
    position: absolute;
    top: 50%;
    left: 0;
    height: 30px;
    margin-top: -15px;
    color: #262629
}

.pay-deliver-way {
    width: 100%;
    font-size: 13px;
    line-height: 22px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 100px;
    text-align: right;
    color: #252525;
    display: inline;
    float: right
}

.pay-way,.deliver-way {
    font-size: 14px;
    color: #232326;
    display: block
}

.deliver-way {
    line-height: 16px
}

.point-left {
    position: absolute;
    right: 0;
    top: 50%;
    width: 9px;
    height: 16px;
    margin-top: -7px;
    background: url() no-repeat;display: block;
    background-size: 100% auto
}

.deliver-time {
    background-color: #fff;
    display: block;
    margin-bottom: 5px
}

.seller-deliver-time-title {
    font-size: 12px;
    color: #848689;
    text-align: right;
    padding: 10px 17px 10px 0
}

.small-goods-title,.big-goods-title {
    font-size: 13px;
    line-height: 17px;
    color: #686868;
    float: left
}

.small-goods-deliver-time,.big-goods-deliver-install-time {
    font-size: 12px;
    line-height: 17px;
    color: #232326;
    float: right;
    position: relative;
    text-align: right
}

.small-goods-deliver:after,.big-goods-deliver:after {
    clear: both;
    content: ".";
    height: 0;
    visibility: hidden;
    font-size: 0;
    display: block
}

.big-goods-deliver {
    padding: 0 17px 0 0
}

.single-goods {
    padding-top: 10px
}

.double-goods {
    padding-top: 0
}

.big-goods-deliver-time,.big-goods-install-time {
    display: block;
    padding-bottom: 10px;
    float: right;
    clear: right;
    position: relative
}

.pickup-time {
    padding: 10px 17px 10px 0;
    font-size: 14px;
    color: #252525;
    text-align: right
}

.cf:before,.cf:after {
    content: "";
    display: table
}

.cf:after {
    clear: both
}

.cf {
    zoom: 1
}

* {
    padding: 0;
    margin: 0
}

.coupon-header {
    background: #efefef url("https://st.360buyimg.com/order/images/order/header-bg.png") repeat-x 0 0;
    background-size: 100% 46px;
    border-bottom: 1px solid #bfbfbf;
    padding: 15px 0;
    position: relative;
    width: 100%
}

.coupon-header-arrow {
    position: absolute;
    top: 13px;
    left: 15px;
    display: block;
    background: url("https://st.360buyimg.com/order/images/order/head-left-arrow.png") no-repeat;
    background-size: 25px 25px;
    width: 20px;
    height: 20px;
    background-position: -7px -2px
}

.coupon-header-instruc {
    position: absolute;
    top: 18px;
    right: 15px;
    font-size: 12px;
    color: #9a9a9a
}

.coupon-header-font {
    font-size: 16px;
    color: #252525;
    display: block;
    text-align: center
}

.coupons-instruct {
    font-size: 0;
    text-align: center;
    width: 100%;
    height: 42px
}

.coupons-instruct-info {
    font-size: 11px;
    color: #848689;
    display: inline-block;
    margin-top: 15px
}

.coupons-instruct-pic {
    background: url("https://st.360buyimg.com/order/images/order/exclamation-point.png");
    display: inline-block;
    background-size: 25px 25px;
    background-position: 0 6px;
    width: 26px;
    height: 26px;
    margin-bottom: -3px
}

.btn-bar .button-change-w {
    width: 95%;
    margin-right: auto;
    margin-left: auto;
    float: none;
    height: 44px;
    margin-top: 3px;
    height: 44px;
    line-height: 44px;
    padding: 0
}

.button-middle {
    padding: 0;
    text-align: center;
    height: 58px;
    background-color: #f8f8f8;
    border-top: 0 solid
}

.button-middle:before {
    border-top: 0 solid
}

.cou-padd-change {
    padding: 12px 10px 10px 10px
}

.coupons-content {
    float: left;
    width: 100%;
    margin-left: -34px
}

.coupons-price {
    font-size: 0;
    margin-left: 34px
}

.coupons-price-icon {
    font-size: 11px;
    display: inline-block;
    width: 36px;
    text-align: center;
    padding-top: 3px;
    padding-bottom: 3px;
    background-color: #64aff4;
    color: white;
    margin-right: 12px
}

.blue-icon-dong {
    background-color: #64aff4
}

.red-icon-jing {
    background-color: #f15353
}

.green-icon-yunfei {
    background-color: #5bb481;
    width: 58px
}

.coupons-price-200 {
    font-size: 14px;
    font-weight: 900;
    color: #7c7c7c
}

.coupons-price-supply {
    font-size: 11px;
    color: #686868;
    padding-left: 10px
}

.coupons-range {
    font-size: 11px;
    color: #686868;
    margin-top: 8px;
    margin-bottom: 8px;
    margin-left: 34px
}

.coupons-range-content {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    word-wrap: break;
    overflow: hidden;
    line-height: 16px
}

.coupons-range-use {
    width: 60px;
    line-height: 16px;
    display: block;
    float: left;
    font-size: 11px
}

.coupons-date {
    font-size: 11px;
    color: #686868;
    margin-left: 34px
}

.coupons-date-name {
    width: 60px;
    display: block;
    float: left
}

.coupon-cannot-click .coupons-price-icon {
    background-color: #bfbfbf
}

.coupon-cannot-click .coupons-range,.coupon-cannot-click .coupons-date,.coupon-cannot-click .coupons-price-200 {
    color: #bfbfbf
}

.change-no-m {
    margin-left: 0
}

.add-no-use-style {
    width: 82px;
    height: 21px;
    color: #fff;
    text-align: center;
    margin: 10px 0;
    padding: 4px 0;
    font-size: 14px
}

* {
    margin: 0;
    padding: 0
}

.instruct-img {
    width: 100%
}

.instruct-body {
    background-color: #f9f9f9;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.by-over {
    overflow: hidden
}

.bg_sign {
    background: #fff
}

.sitem-btm-detail {
    height: 17px;
    white-space: nowrap;
    font-size: 0;
    line-height: 17px
}

.seven-return img {
    vertical-align: text-top;
    margin-right: 3px
}

.seven-return {
    margin-left: 10px;
    display: inline-block;
    height: 17px
}

.btn-remove {
    width: 54px;
    height: 24px;
    background-color: #f15353;
    color: #fff;
    position: absolute;
    right: 0;
    bottom: 15px;
    font-size: 12px;
    line-height: 24px;
    text-align: center;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px
}

.commodity-list {
    padding-right: 10px
}

.commodity-list .s-item {
    padding: 15px 0
}

.commodity-list .box-container .sitem-l {
    padding-right: 10px
}

.commodity-list .cost-price {
    position: absolute;
    top: 35px;
    right: 0;
    padding: 0
}

.commodity-list .sitem-m .sitem-m-txt {
    height: 34px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 9px;
    font-size: 14px;
    line-height: 17px
}

.s1-default {
    float: left;
    height: 15px;
    width: 38px;
    height: 15px;
    line-height: 16px;
    color: #fff;
    background-color: #f23030;
    font-size: 12px;
    text-align: center;
    margin-left: 14px
}

.location-pic {
    background: url("https://st.360buyimg.com/order/images/order/check-sprites-5.png") no-repeat;
    background-position: -40px 0;
    background-size: 100px 100px;
    width: 12px;
    height: 14px;
    position: absolute;
    top: 4px;
    left: 0
}

.middle-box {
    overflow: hidden;
    margin-top: 10px
}

.border-1px-top {
    position: relative
}

.border-1px-top:before {
    border-top: 1px solid #e3e5e9;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    width: 100%;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5)
}

.border-1px-top-fixed:before {
    border-top: 1px solid #e3e5e9;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    width: 100%;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5)
}

.border-1px-top-red:before {
    border-top: 1px solid #5fe1c3;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    width: 100%;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5)
}

.border-1px-bottom {
    position: relative
}

.border-1px-bottom:after {
    border-bottom: 1px solid #e3e5e9;
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 0;
    width: 100%;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5)
}

.border-1px-top-middle {
    position: relative
}

.border-1px-top-middle:before {
    border-top: 1px solid #f1f1f1;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    width: 100%;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5)
}

.border-1px-bottom-middle {
    position: relative
}

.border-1px-bottom-middle:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px;
    width: 200%;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    background-color: #f1f1f1;
    -webkit-transform-origin: top left;
    transform-origin: top left
}

.clock-pic {
    background: url("https://st.360buyimg.com/order/images/order/check-sprites-5.png") no-repeat;
    background-size: 100px 100px;
    position: absolute;
    width: 15px;
    height: 15px;
    background-position: -58px 0;
    top: 1px;
    left: -22px
}

.step4,.step5 {
    margin-top: 10px
}

.jd-bean-text {
    font-size: 11px;
    line-height: 11px;
    color: #81838e;
    padding-top: 10px
}

.carriage-pic {
    background: url("https://st.360buyimg.com/order/images/order/check-sprites-5.png") no-repeat;
    background-size: 100px 100px;
    position: absolute;
    width: 14px;
    height: 14px;
    background-position: -80px 0;
    top: 3px;
    left: -20px
}

.pay-bar .payb-con .big-price {
    font-size: 18px
}

.JS-page-allH {
    max-width: 640px;
    min-width: 320px;
    height: 100%;
    margin: 0 auto;
    box-sizing: border-box
}

.JS-page-allH .JS-page-scorller {
    max-width: 640px;
    min-width: 320px;
    margin: 0 auto;
    box-sizing: border-box
}

.JS-page-allH .jd-pay-info {
    max-width: 640px;
    min-width: 320px;
    margin: 0 auto;
    background-color: #fff
}

.jd-pay-info .finish-note {
    margin: 0;
    display: inline-block;
    vertical-align: middle
}

.page-ct {
    bottom: auto;
    position: relative
}

.pay-info {
    margin: 0 auto;
    margin-top: 30px;
    text-align: center;
    font-size: 0
}

.jd-pay-info .pay-success {
    font-size: 23px;
    color: #232326;
    margin: 0 auto 21px 30%
}

.jd-pay-info .order-info-list {
    margin-left: 0;
    font-size: 15px;
    margin-top: 5px;
    width: auto;
    display: inline-block;
    vertical-align: middle;
    text-align: left
}

.jd-pay-info .order-info-list-item {
    margin: 5px 0 10px 0
}

.jd-pay-info .order-info-list-item .title-main,.jd-pay-info .pay-success {
    color: #232326
}

.jd-pay-info .order-info-list-item .order-info {
    color: #f23030
}

.jd-pay-info .button-group {
    margin: 23px 42px 15px;
    width: auto
}

.jd-pay-info .btn-link {
    color: #232326;
    font-size: 13px;
    box-shadow: inset 0 0 1px #848689;
    border: 0;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 12px 0
}

.jd-pay-info .weather-tip {
    padding: 0 42px;
    color: #848689;
    padding-bottom: 25px;
    font-size: 13px;
    line-height: 18px
}

.continue-buy .recommend-tip {
    color: #232326;
    font-size: 14px;
    margin: 19px 10px 11px
}

.continue-buy .app-link {
    margin-bottom: 18px;
    font-size: 13px;
    color: #232326
}

.continue-buy .app-link:before {
    padding-bottom: 7px;
    display: block;
    margin: 0 auto;
    content: "";
    width: 40px;
    height: 40px;
    background-size: 100%;
    background-repeat: no-repeat
}

.result-img {
    width: 100%;
    margin: 10px 0
}

.result-img img {
    width: 100%;
    height: 100%
}

#btn-bar-new {
    height: 52px;
    background: #eaedf1;
    position: fixed;
    bottom: 0;
    width: 100%;
    max-width: 640px;
    padding: 0 7.8125%
}

.btn-bar .btn {
    width: 45%;
    height: 2.5em;
    padding: 10px 0;
    background: #fff;
    border: 1px solid #bfbfbf;
    text-align: center;
    margin-top: 8px;
    border-radius: 3px;
    font-size: 13px;
    float: left;
    margin-left: 0;
    margin-right: 0;
    color: #686868
}

.btn-bar .bb-btnone {
    background: #f15353;
    border: 1px solid #f15353;
    color: #fff
}

.check-btn-noposition {
    height: 4em;
    text-align: center;
    background: #f8f8f8;
    width: 100%;
    max-width: 640px;
    padding-top: .6em;
    z-index: 6
}

.check-btn-noposition .check-btn-red {
    width: 93.75%;
    background: #f15353;
    color: #fff;
    display: inline-block;
    border-radius: 3px;
    height: 2.75em;
    line-height: 2.75em;
    text-align: center;
    font-size: 16px
}

.check-btn-noposition .check-btn-grey {
    width: 93.75%;
    display: inline-block;
    border-radius: 3px;
    height: 2.75em;
    line-height: 2.75em;
    text-align: center;
    font-size: 16px;
    color: #bfbfbf;
    border: 1px solid #f0f0f0;
    background: #f0f0f0
}

.check-btn-total {
    height: 4em;
    text-align: center;
    background: #f8f8f8;
    position: fixed;
    bottom: 0;
    width: 100%;
    max-width: 640px;
    padding-top: .6em;
    z-index: 6
}

.check-btn-total .check-btn-red {
    width: 93.75%;
    background: #f15353;
    color: #fff;
    display: inline-block;
    border-radius: 3px;
    height: 2.75em;
    line-height: 2.75em;
    text-align: center;
    font-size: 16px
}

.check-btn-total .check-btn-grey {
    width: 93.75%;
    display: inline-block;
    border-radius: 3px;
    height: 2.75em;
    line-height: 2.75em;
    text-align: center;
    font-size: 16px;
    color: #bfbfbf;
    border: 1px solid #f0f0f0;
    background: #f0f0f0
}

.tel-num {
    outline: 0;
    -webkit-appearance: none
}

.re-info .ri-right {
    position: relative
}

.s-paper-close,.s-ele-close {
    position: absolute;
    right: 0;
    width: 28px;
    height: 32px;
    top: 50%;
    margin-top: -16px;
    display: none
}

.s-paper-close i,.s-ele-close i {
    position: absolute;
    right: 10px;
    top: 50%;
    width: 15px;
    height: 15px;
    margin-top: -7px;
    background: url("https://st.360buyimg.com/order/misc/skin/i/close-icon.png?v=12") no-repeat;
    background-size: 15px 15px
}

.check-btn-total {
    height: 53px;
    text-align: center;
    background: #f0f2f5;
    position: fixed;
    bottom: 0;
    width: 100%;
    max-width: 640px;
    padding-top: .6em;
    z-index: 6
}

.check-btn-total .check-btn-red {
    width: 47.81%;
    display: inline-block;
    border-radius: 2px;
    height: 33px;
    line-height: 33px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    border: 1px solid #f23030;
    background: #f23030
}

.invoive-tan {
    padding-left: 10px
}

.receipt .invoive-txt {
    padding: 0 0 11px 0
}

.new-mc,.new-mc-paper {
    margin-top: 4px
}

.pic-ch2,.pic-ched2 {
    width: 18px;
    height: 18px;
    background: url() no-repeat;background-size: 18px 18px;
    display: block;
    float: left;
    width: 56px
}

.pic-ched2 {
    background: url("https://st.360buyimg.com/order/misc/skin/i/changedred.png") no-repeat;
    background-size: 18px 18px
}

.new-paper-select {
    margin-top: 10px;
    margin-left: 10px;
}

.new-mc ul li span,.new-paper-select ul li span {
    font-size: 13px;
    color: #232326;
    margin-left: 28px
}

.new-inputbox-w,.new-inputbox-w-paper {
    margin-top: 10px;
    display: none
}

.re-head .inputbox-w,.re-head .inputbox-w2 {
    position: relative;
    width: 97.5%;
    z-index: 8
}

.s-paper-close2 {
    position: absolute;
    right: 0;
    width: 28px;
    height: 32px;
    top: 50%;
    margin-top: -16px;
    display: none
}

.s-paper-close2 i {
    position: absolute;
    right: 10px;
    top: 50%;
    width: 15px;
    height: 15px;
    margin-top: -7px;
    background: url("https://st.360buyimg.com/order/misc/skin/i/close-icon.png?v=12") no-repeat;
    background-size: 15px 15px
}

.re-head .reh-txt {
    border: 0;
    border-radius: 3px;
    padding: 8px 0 8px 10px;
    height: 35px;
    width: 100%;
    color: #232326;
    font-size: 13px;
    background: #f0f2f5;
    padding-right: 30px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.re-head .inputbox ul {
    background: #f0f2f5;
    overflow: hidden
}

.re-head .inputbox ul li {
    height: 35px;
    padding-left: 10px;
    line-height: 35px;
    border-top: 1px solid #e0e0e0;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden
}